<template>
  <div class="online_service" @click="onlineService">
    <div style="font-size:32px">在线咨询</div>
    <div style="font-size:10px">ONLINE CONSULATION</div>

    <!-- <MessageBoard v-if="show" @closeBoard="closeBoard"></MessageBoard> -->
    
    <!-- <van-popup v-model="show" round >
      <div class="board">
        <div class="header">
          <div>留言板</div>
          <div style="width:2rem;text-align:right" @click="closeBoard">
            <van-icon name="minus" />
          </div>
        </div>
        <div class="board_body">
          <van-form @submit="onSubmit">
            <van-field v-model="form.message" autosize type="textarea" placeholder="请再次输入留言内容，我们会尽快与您联系。（必填）" />
            <van-field v-model="form.name" border label="姓名" left-icon="smile-o" placeholder="姓名" />
            <van-field v-model="form.tel" border label="电话" left-icon="smile-o" placeholder="电话" />
            <van-field v-model="form.email" border label="邮箱" left-icon="smile-o" placeholder="邮箱" />
            <van-field v-model="form.address" border label="地址" left-icon="smile-o" placeholder="地址" />
          </van-form>
        </div>
      </div>
    </van-popup> -->

  </div>
</template>

<script>
// import MessageBoard from "@/components/messageBoard";
export default {
  components: {
    // MessageBoard,
  },
  data() {
    return {
      show: false,
      form: {
        message: "",
        name: "",
        tel: "",
        email: "",
        address: "",
      },
    };
  },
  created() {},
  methods: {
    onSubmit() {},
    closeBoard() {
      this.show = false;
    },
    onlineService() {
      this.show = true;
    },
  },
};
</script>

<style lang="postcss" scoped>
.online_service {
  background-color: #00aef3;
  position: fixed;
  right: 0.2rem;
  top: 50vh;
  width: 25vw;
  height: 4rem;
  color: #fff;
  border-radius: 0.4rem;
  padding: 0 0.2rem;
  .line1 {
    font-size: 20px !important;
    color: #fff;
  }
  .line2 {
    font-size: 12px !important;
  }
}

.header {
  background-color: #4e6ef2;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
}
.board_body {
  background-color: #fff;
}
</style>